<template>
  <div>
    <div>父组件</div>
    <!-- 使用子组件 -->
    <p @click="count++">父中的count修改{{ count }}</p>
    <Child
      :countprop="count"
      :boyarrprops="boyArr"
      @myevent="getvalueFn"
    ></Child>
  </div>
</template>

<script setup>
// 01: 在setup 语法糖中使用子组件, 只需引入直接使用,无需注册
import Child from "./Child.vue";
// console.log("this", this); // undefined
import { ref, reactive } from "vue";
const count = ref(0);

const boyArr = reactive(["肖战", "彭于晏", "安志杰"]);

// 定义自定义事件接收的函数
const getvalueFn = (data) => {
  // data 就是接收的数据
  console.log("data", data);
};
</script>
<style scoped>
</style>